<!DOCTYPE html >
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="description" content="webpage">
    <meta name="keywords" content="kalcaddle">
    <meta name="author" content="kalcaddle.">
    <head>
        <title><?php echo $L['kod_name'] . $L['kod_power_by']; ?></title>
        <link href="./assets/style/bootstrap.css" rel="stylesheet"/>
        <link rel="stylesheet" href="./assets/style/font-awesome/css/font-awesome.css">
        <!--[if IE 7]>
        <link rel="stylesheet" href="./assets/style/font-awesome/css/font-awesome-ie7.css">
        <![endif]-->

        <link href="./assets/style/skin/<?php echo $config['user']['theme']??'default'; ?>/app_code_edit.css"
              rel="stylesheet"
              id='link_css_list'/>

    </head>

<body>
<div class="edit_main" style="height: 100%;" oncontextmenu="return core.contextmenu();">
    <div class="tools">
        <div class="left">
            <!-- <div class="disable_mask"></div> -->
            <a class="toolMenu editMenuFile" href="javascript:;" draggable="false"><?php echo $L['file']; ?></a>
            <a class="toolMenu editMenuEdit" href="javascript:;" draggable="false"><?php echo $L['edit']; ?></a>
            <a class="toolMenu editMenuView" href="javascript:;" draggable="false"><?php echo $L['view']; ?></a>
            <a class="toolMenu editMenuTools" href="javascript:;" draggable="false"><?php echo $L['tools']; ?></a>
            <a class="toolMenu editMenuHelp" href="javascript:;" draggable="false"><?php echo $L['help']; ?></a>
        </div>
        <div class="right">
            <a action="close" href="javascript:;" title="<?php echo $L['close']; ?>"><i
                        class="font-icon icon-remove"></i></a>
            <a action="fullscreen" href="javascript:;" title="<?php echo $L['full_screen']; ?>"><i
                        class="font-icon icon-resize-full"></i></a>
        </div>
        <div style="clear:both"></div>
    </div><!-- end tools -->

    <!-- 主体部分 -->
    <div class="frame_left">
        <div class="edit_tab">
            <div class="tabs">
                <a href="javascript:Editor.add()" class="add icon-plus"></a>
                <div style="clear:both"></div>
            </div>
        </div>
        <div class="edit_body">
            <div class="introduction">
                <div class="intro_left">
                    <div class="tips blue">
                        <h1><span>Feature & functionally rich</span></h1>
                        <p>code snippet automatically implemented property.</p>
                        <p>Multiple Style: Choose your favorite programming style</p>
                        <p>Custom Fonts: For using under a variety of scenarios</p>
                        <p>Multi-cursor editor, block editing online programming experience comparable to sublime</p>
                        <p>Code folding & unfolding；line wrap.</p>
                        <p>Support for multi-label;Drag to adjust the order.</p>
                        <p>Edit multiple documents simultaneously, find & replace；Anti maintain History.</p>
                        <p>Word completion such as [],{},(),"",''</p>
                        <p>Preview the result of programming online,make you like coding online!</p>
                        <p>Support Zen coding; Higher coding efficiency!</p>
                        <p>More features, waiting for your discovery…</p>
                    </div>
                    <div class="tips orange">
                        <h1><span>A variety of code highlighting</span></h1>
                        <p>Web Side：html,JavaScript,css,less,sass,scss</p>
                        <p>Web developing：php,perl,python,ruby,elang,go...</p>
                        <p>Traditional language：java,c,c++,c#,actionScript,VBScript...</p>
                        <p>Others：markdown,shell,sql,lua,xml,yaml...</p>
                    </div>
                </div>
                <div class="intro_right">
                    <div class="tips green">
                        <h1><span>Shortcuts</span></h1>
                        <pre>Common Shortcuts：
      ctrl+s Save
      ctrl+c Copy      ctrl+v Paste
      ctrl+z Undo      ctrl+y Redo
      ctrl+x Cut       ctrl+a Select All
      ctrl+f Find      ctrl+f+f Replace
      alt+0  Code folding All   alt+shift+0 Code unfolding All
      esc [exit searching, cancel auto-prompts...]</pre>
                        <pre>Select：
      Mouse select——drag
      shift+home/end/up/left/down/right
      shift+PageUp/PageDown             Page UP & Down
      ctrl+shift+ home/end              Move the cursor to the beginning/end of line
      alt+mouse                         Block selection</pre>
                        <pre> Cursor：
      home/end/up/left/down/right
      ctrl+p            Jump to matching tag
      PageUp/PageDown   Page UP & Down
      ctrl+home/end     Move the cursor to the beginning/end of line
      alt+left/right    Move the cursor to the beginning of line
      shift+left/right  Move the cursor to the beginning/end of line
      ctrl+l            Jump to the specified line
      ctrl+alt+up/down  Up(Down)adding cursor</pre>
                        <pre>Editing：
      ctrl+/ Mask & Unmask        ctrl+alt+a    Justified
      table  tab Alignment        shift+table   Overall forward a table
      delete delete               ctrl+d        delete a line
      ctrl+delete           Delete the word to the right of the line
      ctrl/shift+backspace  Delete the word on the left
      alt+shift+up/down     copy the line & paste up/down of the line
      alt+delete            Delete the contents of the cursor to the right
      alt+up/down           The current line and the up/down line switching
      ctrl+shift+d          And add the following line to copy
      ctrl+delete           Delete the word to the right
      ctrl+shift+u          Converted to lowercase
      ctrl+u                Select the contents to uppercase</pre>
                    </div>
                </div>


                <div style="clear:both"></div>
            </div>
            <div class="tabs"></div>
        </div>
    </div>
    <!-- 预览 -->
    <div class="frame_right">
        <div class="resize"></div>
        <div class="right_main">
            <div class="function_list" style="display:none;">
                <div class="function_list_tool">
                    <div class="box">
                        <span> <i class="icon-code"></i> <?php echo $L['function_list']; ?></span>
                        <a action="close_preview" href="javascript:preview.close();"><i
                                    class="font-icon icon-remove"></i></a>
                    </div>
                </div>
                <div class="function_list_parent">
                    <div class="function_list_box"></div>
                </div>
            </div>
            <div class="preview" style="display:none;">
                <div class="preview_tool">
                    <input type="text" value=""/>
                    <div class="box">
                        <a action="refresh" href="javascript:preview.refresh();" title="<?php echo $L['refresh']; ?>"><i
                                    class="font-icon icon-refresh"></i></a>
                        <a action="open_ie" href="javascript:preview.openUrl();" target="_blank"
                           title="<?php echo $L['open_ie']; ?>"><i class="font-icon icon-globe"></i></a>
                        <a action="close_preview" href="javascript:preview.close();" title="<?php echo $L['close']; ?>"><i
                                    class="font-icon icon-remove"></i></a>
                    </div>
                </div>
                <div class="preview_frame">
                    <iframe src="" style="width:100%;height:100%;border:0;"></iframe>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="./explorer.php?user/common_js#id=<?php echo rand_string(8); ?>"></script>
<script src="./assets/js/lib/seajs/sea.js"></script>
<script src="./assets/js/lib/ace/src-min-noconflict/ace.js"></script>
<script src="./assets/js/lib/ace/src-min-noconflict/ext-language_tools.js"></script>
<script type="text/javascript">
    G.frist_file = "<?php echo(isset($_GET['filename']) ? $_GET['filename'] : '');?>";
    G.code_config = <?php echo $editor_config;?>;
    G.code_theme_all = "<?php echo $config['setting_all']['codethemeall']?>";
    seajs.config({
        base: "./assets/js/",
        preload: ["lib/jquery-1.8.0.min"],
        map: [
            [/^(.*\.(?:css|js))(.*)$/i, '$1$2?ver=' + G.version]
        ]
    });
    seajs.use("app/src/edit/main");
</script>
</body>
</html>